<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <meta content="width=1920" name="viewport">
    <title></title>
    <script>
        var w = document.documentElement.clientWidth / 10;
        document.getElementsByTagName('html')[0].style['font-size'] = w + 'px';
    </script>
    <link rel="stylesheet" href="reset.css"/>
    <link rel="stylesheet" href="grid.css"/>
</head>

<body>
<div class="container">
    <div class="atv-scroll-v" fe-role="Scroll" fe-cfg="scroll_dir:v">
        <div class="scroll-list">
            <div class="atv-scroll-h" id="J_scroll1" fe-role="Scroll" fe-cfg="scroll_dir:h">
                <ul class="scroll-list clearfix">
                    <div>
                        <li class="atv-tab" fe-role="Widget"></li>
                        <li class="atv-tab" fe-role="Widget"></li>
                        <li class="atv-tab" fe-role="Widget"></li>
                        <li class="atv-tab" fe-role="Widget"></li>
                        <li class="atv-tab" fe-role="Widget"></li>
                    </div>
                </ul>
            </div>
            <div class="atv-scroll-h" id="J_scroll2" fe-role="Scroll" fe-cfg="scroll_dir:h">
                <ul class="scroll-list clearfix">
                    <li class="atv-tab" fe-role="Widget"></li>
                    <li class="atv-tab" fe-role="Widget"></li>
                    <li class="atv-tab" fe-role="Widget"></li>
                    <li class="atv-tab" fe-role="Widget"></li>
                    <li class="atv-tab" fe-role="Widget"></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="../FocusEngine.min.js"></script>
<script src="../TVUtil.min.js"></script>
<script>
    var root = FocusEngine.render();
    var _focus = new TVUtil.Highlight({
            root: root,
            styles: {
                border: 'solid .05rem #ffffff'
            }
        }
    );
</script>
</body>

</html>
